<!DOCTYPE html>
<html>
<head>
    <% include common/meta.ejs %>
    <title>登录</title>
    <% include common/public.ejs %>
    <style>
        body{
            background: rgb(58,128,69);
        }
        .fixPanel{
            position: fixed;
            top: 5%;
            left: 20px;
            right:20px;
            background: #ffffff;
            border-radius: 10px;
        }
        .panelHeader{
            padding: 15px 20px;
            background: rgb(249, 249, 249);
            border-radius: 10px 10px 0 0;
            color: rgb(50, 111, 70);
            vertical-align: middle;
        }
        .panelBody{
            padding: 10px 15px;
        }
        #barCode{
            margin:10px 0px 10px;
            width:100%;
            height: 100px;
        }
        #qrCode{
            margin:0px auto;
            width: 80%;
            display: block;
        }
        .orderNo{
            text-align: center;
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="fixPanel">
        <div class="panelHeader">
            <span class="glyphicon glyphicon-qrcode"></span>
            向商家付款
        </div>
        <div class="panelBody">
            <div>
                <img src="" id="barCode" />
            </div>
            <img src="" id="qrCode" />
            <div class="orderNo">
                订单号：<span id="orderNo"></span>
            </div>
        </div>
    </div>
    <% include common/footer.ejs %>
    <script src="<%= global.config.path.publicPath %>/libs/jsBarCode/JsBarcode.all.js"></script>
</div>
</body>
</html>
